<template>
  <div class="p-4 top-box">
    <div>
      <NAvatar src="/user.svg" round circle size="small"></NAvatar>
    </div>
    <div class="fs-2">用户首页</div>
    <HuUserlnfo></HuUserlnfo>
  </div>
</template>

<script setup lang="ts">
import { NAvatar } from 'naive-ui'
import HuUserlnfo from '@/components/HuUserlnfo.vue'
import { ref } from 'vue'
</script>

<style scoped>
.top-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
</style>
